body,html
{
  height:100%;
  width:100%;
}
html::-webkit-scrollbar,*::-webkit-scrollbar
{
  width:0px!important;
}
*
{
  box-sizing:border-box;
}
.mdui-card
{
  margin:4vmin;
}
.searchbar-card
{
  padding-top:10px;
}
.toolbar
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.searchbar-content
{
  height: 45px;
  padding:0 56px;
  position:relative;
}
.searchbar
{
  display:inline-block;
  width:100%;
}
.btn_nav
{
  position:absolute!important;
  left:10px;
  font-size: 24px!important;
  height:36px!important;
}
.btn_menu
{
  position:absolute!important;
  right:10px;
  font-size: 24px!important;
  height: 36px!important;
}
#search_btn
{
 /* color:#000;*/
  margin-top:6px;
}
.tab_content
{
  padding: 0 0 48px 0;
  height:100%;
  width:100%;
}
.tab_content .q-tab-panel
{
  padding:1vmin!important;
  overflow:auto;
}
.tab_content .q-tab-panels
{
  height:100%;
  width:100%;
}
i {
  font-style: normal;
}
.q-expansion-item--popup>.q-expansion-item__container {
  border: 1px solid #808080!important;
}
.q-separator {
  background: #808080!important;
}
.q-card__section--vert {
  padding: 1vmin!important;
}
.main_page
{
  position:relative;
  width:100%;
  height:100%;
  padding-top:56px;
  padding-bottom:12vmin;
}
.tab-body
{
  margin-top:8vmin;
  height:100%;
}
#carte
{
  position:fixed!important;
  z-index:4;
  top:4vmin!important;
  left:unset!important;
  right:4vmin!important;
}
.app_name
{
  font-size:12vw;
  text-align:left;
  margin:6vmin 0 4vmin 6vmin;
  font-weight:100;
}
.app_version
{
  text-align:right;
  margin-right:12vmin;
  margin-bottom:4vmin;
  font-size:6vw;
}
.app_divider
{
  margin:0 10%;
}
#q-app
{
  width:100%;
  height:100%;
}
:root
{
  --q-color-dark:#424242!important;
  --q-color-light:#fff!important;
  --q-color-primary:#49CC9F!important;
}
.q-inner-loading--dark {
  background: var(--q-color-dark)!important;
}
.mdui-btn-raised {
    border: 1px solid #808080;
}
.col
{
  padding: 1vmin;
}
.mdui-btn-dense
{
  height: auto;
  line-height: unset;
  padding: 0;
}
.q-chip--dark
{
  background: #606060!important;
}
.body--light .bg-autoDark
{
  background: #fff!important;
  color: var(--q-color-primary)!important;
}

.body--dark .bg-autoDark
{
  background: #424242!important;
  color: var(--q-color-primary)!important;
}
.body--dark .text-autoDark
{
  color: #fff!important;
}
.body--dark .bg-autoLight
{
  background: var(--q-color-primary)!important;
  color: #fff!important;
}
.body--dark .text-autoLight
{
  color: #fff!important;
}
.mdui-textfield-close>i
{
  margin-top: 6px;
}
.searchbar
{
  height: 38px;
}
.titlebar
{
  line-height: 36px;
  text-align: center;
  font-size: 24px;
}
.welcome_page
{
  width: 100%;
  height:100%;
  padding: 4vmin;
}
.wel_stepper
{
  width: 100%;
  height: 100%;
}
.wel_stepper .q-stepper__content,.wel_stepper .q-stepper__step-content,.wel_stepper .q-stepper__step-inner
{
  height: 100%;
}
.wel_stepper .q-stepper__nav
{
  position: absolute;
  bottom: 24px;
}
.wel_stepper .q-stepper__nav button
{
  min-width: 100px;
}
.wel_stepper .on-left
{
  margin-right: 4px;
}
.q-chip>.col
{
  padding: 0;
}
.login_card
{
  position: absolute;
  width: 100%;
  padding-right: 48px;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: -40px;
}
.bg-autoLight>i
{
  color: inherit;
}
.wel_input .q-field__bottom
{
  padding: 0!important;
}
.passwd_page {
  width: 100%;
  height: 100%;
  position: relative;
}
.body--light .passwd_page {
  background-color: #49CC9F
}
.body--dark .passwd_page {
  background-color: #494949
}
.passwd_card {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 4vmin;
}
.full-content,.full-content>div:first-child {
  width: 100%;
  height: 100%;
}
.read_page {
  height:100%;
  width: 100%;
  overflow:hidden;
}
.p-temporal,.p-temporal div {
  overflow:hidden;
}
.body--dark .page {
  background-color: #303030!important;
}
.flipReadPage_content p {
  font-size: 18px;
}
.flipReadPage_content h1 {
  font-size: 21px;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  padding: 10px 0;
}
.flipReadPage_content h2 {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  padding-bottom: 20px;
}
.flipReadPage {
  padding: 4vmin;
  height:100%;
  overflow: hidden;
}
.flipReadPage_content,.flipbook_pages
{
  height:100%;
  overflow: hidden;
  position: relative;
}
.flipbook_pages {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.testPage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: red;
}
.realPages {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 3;
}
.realPage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: red;
}
.page_content {
  position: absolute;
  width: 100%;
}

.mdui-card,.q-menu,.q-notification  {
  color: var(--e-face)!important;
  background-color: var(--e-back)!important;
  border-radius: 16px!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
}

body,.q-tab-panels,.mdui-drawer,.body--light .passwd_page,
.q-chip,.mdui-btn,.q-expansion-item--popup>.q-expansion-item__container,
.q-separator--horizontal,.q-field__control,.q-stepper,.page {
  background: var(--e-back)!important;
}

.mdui-textfield-input:not([disabled]):hover,.mdui-textfield-focus .mdui-textfield-input,
.mdui-textfield-focus .mdui-textfield-input:hover,.mdui-textfield-input {
  border-bottom: 1px solid var(--e-face)!important;
  -webkit-box-shadow: 0 1px 0 0 var(--e-face)!important;
  box-shadow: 0 1px 0 0 var(--e-face)!important;
}

.mdui-drawer {
  border-radius: 0 16px 16px 0!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
  margin: 2vmin 0!important;
}
.mdui-overlay {
  background: unset!important;
}

.passwd_page .q-chip {
  box-shadow: inset 1vmin 1vmin 2vmin var(--e-dark),inset -1vmin -1vmin 2vmin var(--e-light)!important;
}

.tab-body .q-chip,.q-separator--horizontal {
  box-shadow: inset 0.5vmin 0.5vmin 1vmin var(--e-dark),inset -0.5vmin -0.5vmin 1vmin var(--e-light)!important;
}

.q-chip__icon,.tab-body .q-chip,.passwd_page .q-chip,#search_btn,.q-field__control,.page,.app_name,.app_version,
.mdui-text-color-black-text,.mdui-text-color-theme-text,.body--light .text-autoDark,.q-field__label,
.mdui-textfield .mdui-icon,.q-expansion-item--popup>.q-expansion-item__container,.q-item__section--side,
.q-field__label,.q-field__marginal,.q-stepper,.q-field__bottom,.q-chip,.q-spinner>circle,.q-loading>div {
  color: var(--e-face)!important;
}
.mdui-btn {
  border-radius: 8px!important;
  box-shadow: 0.5vmin 0.5vmin 1vmin var(--e-dark), -0.5vmin -0.5vmin 1vmin var(--e-light)!important;
  border: unset;
}
.mdui-textfield-expandable .mdui-textfield-input {
  width: calc(100% - 72px - 4vmin);
  padding-right: 0;
  margin: 0 calc(36px + 2vmin);
}
.mdui-textfield-expandable {
  overflow: visible;
}
.q-expansion-item--popup>.q-expansion-item__container {
  margin-top: 4vmin;
  border-radius: 16px!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
  border: unset!important;
}
.q-expansion-item--popup.q-expansion-item--collapsed,.q-expansion-item--popup.q-expansion-item--expanded {
  margin: 0 2vmin;
}
.q-card,.q-inner-loading {
  background: unset!important;
}
.q-separator--horizontal {
  margin: 0 2vmin;
  width: calc(100% - 4vmin);
  height: 2vmin;
  border-radius: 1vmin;
}
.q-field--outlined .q-field__control:before,.q-field--outlined .q-field__control:after {
  border: unset;
}
.q-field__control {
  border-radius: 16px!important;
  box-shadow: inset 1vmin 1vmin 2vmin var(--e-dark),inset -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-field__marginal>.q-icon {
  border-radius: 8px!important;
  box-shadow: 0.5vmin 0.5vmin 1vmin var(--e-dark), -0.5vmin -0.5vmin 1vmin var(--e-light)!important;
  width: calc(1em + 1vmin);
  height: calc(1em + 1vmin);
}
.q-stepper {
  border-radius: 16px!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-chip.row.inline.no-wrap.items-center {
  border-radius: calc(1em + 1.5vmin)!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-chip--dense {
  padding: 0.5vmin calc(0.4em + 0.5vmin)!important;
  height: calc(1.5em + 1vmin)!important;
}
.q-field--dense .q-field__control.relative-position.row.no-wrap {
  padding: 0 6px;
}
.q-avatar__content.row.flex-center.overflow-hidden.bg-autoLight.text-white.q-chip--colored {
  color: var(--e-face)!important;
  background-color: var(--e-back)!important;
  border-radius: 16px!important;
  box-shadow: inset 1vmin 1vmin 2vmin var(--e-dark),inset -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-btn--flat {
  color: var(--e-face)!important;
  background-color: var(--e-back)!important;
  border-radius: 16px!important;
  box-shadow: inset 1vmin 1vmin 2vmin var(--e-dark),inset -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-dialog .q-card {
  padding: 4vmin;
  color: var(--e-face)!important;
  background-color: var(--e-back)!important;
  border-radius: 16px!important;
  box-shadow: inset 1vmin 1vmin 2vmin var(--e-dark),inset -1vmin -1vmin 2vmin var(--e-light)!important;
}
.q-loading:before,.q-dialog__backdrop {
  background: var(--e-back)!important;
  opacity: 0.7!important;
}
.q-field__control .q-anchor--skip {
  margin-left: 10px;
}
.q-field--dense .q-anchor--skip {
  margin-left: 4px;
}
.q-field--error .q-field__bottom>div>div {
  color: #c10015!important;/*红色*/
}
.q-btn__content,.q-btn__wrapper,.q-chip__content {
  margin: 0!important;
}
.bookTag {
  color: var(--e-face);
  border: unset;
  box-shadow: 0.5vmin 0.5vmin 1vmin var(--e-dark), -0.5vmin -0.5vmin 1vmin var(--e-light)!important;
  margin: 0.5vmin;
}
.text-caption {
  color: var(--e-face);
  font-weight: 100;
}
.body--light .bg-autoLight
{
  color: var(--e-face)!important;
  background-color: var(--e-back)!important;
  border-radius: 16px!important;
  box-shadow: 1vmin 1vmin 2vmin var(--e-dark), -1vmin -1vmin 2vmin var(--e-light)!important;
}
